﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Windows Azure Mobile Services</title>

    <link href="wamsauth.css" rel="stylesheet" />
    <script src="wamsauth.js"></script>
</head>
<body>
    <div class="wamsauth fragment">
        <section aria-label="Main content" role="main">
            <div class="explanation">Windows Azure Mobile Services (WAMS) makes authentication a snap! With WAMS, signing in via Microsoft, Facebook, Twitter, and Google is about has difficult as falling off a log.</div>
            <div id="microsoft">
                <h3>Microsoft</h3>
                <button>Sign In</button>
                <div class="log"></div>
            </div>
            <!--TODO: these are getting an error... need to troubleshoot-->
            <div id="facebook">
                <h3>Facebook</h3>
                <button>Sign In</button>
                <div class="log"></div>
            </div>
            <!--<div id="twitter">
                <h3>Twitter</h3>
                <button>Sign In</button>
                <div class="log"></div>
            </div>
            <div id="google">
                <h3>Google</h3>
                <button>Sign In</button>
                <div class="log"></div>
            </div>-->
        </section>
    </div>
</body>
</html>
